<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<div class="container">
<div class="subHeader">
<!-- 내비게이션 바 -->
<nav id="topnav" class="navbar" role="navigation">

	<h1 class='logo'><a href="/SomeTalk/main.do"><img src="./image/st_logo.png" width="130px"/></a></h1>
	<div class="navbar-header">
		<div class="visible-xs" style="margin-left: 200px; margin-top: 28px; height: 39px;">
			<div class="dropdown">
 				 <a data-toggle="dropdown" href="#"><img src="./image/header11.png"/></a>
  					<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    					<li role="presentation">
    						<a role="menuitem" tabindex="-1" href="/SomeTalk/info.do">
    							<img src="./image/menu_img7.png"/>
							</a>
						</li>
						<li role="presentation">
							<a role="menuitem" tabindex="-1" href="/SomeTalk/list.do">
								<img src="./image/menu_img11.png"/>
							</a>
						</li>
						<li role="presentation">
							<a role="menuitem" tabindex="-1" href="/SomeTalk/myCoupon.do">
								<img src="./image/menu_img12.png"/>
							</a>
						</li>
						<li role="presentation">
							<a role="menuitem" tabindex="-1" href="/SomeTalk/messageForm.do">
								<img src="./image/menu_img13.png"/>
							</a>
						</li>
						<li role="presentation">
							<a role="menuitem" tabindex="-1" href="/SomeTalk/talk.do">
								<img src="./image/menu_img14.png"/>
							</a>
						</li>
						<li role="presentation">
							<a role="menuitem" tabindex="-1" href="/SomeTalk/board.do">
								<img src="./image/menu_img15.png"/>
							</a>
						</li>
					</ul>
			</div>
			<div class="dropdown" style="margin-top:-39px; margin-left:101px;">
 				 <a data-toggle="dropdown" href="#"><img src="./image/right.png"/></a>
  					<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    					<li role="presentation">
    						<a role="menuitem" tabindex="-1" href="/SomeTalk/myPage.do">
    							<img src="./image/menu_img9.png"/>
							</a>
						</li>
						<li role="presentation">
							<a role="menuitem" tabindex="-1" href="/SomeTalk/modifyMember.do">
								<img src="./image/menu_img1.jpg"/>
							</a>
						</li>
						<li role="presentation">
							<a role="menuitem" tabindex="-1" href="/SomeTalk/modifyProfil.do">
								<img src="./image/menu_img2.jpg"/>
							</a>
						</li>
						<li role="presentation">
							<a role="menuitem" tabindex="-1" href="/SomeTalk/modifyIdeal.do">
								<img src="./image/menu_img3.jpg"/>
							</a>
						</li>
						<li role="presentation">
							<a role="menuitem" tabindex="-1" href="/SomeTalk/logout.do">
								<img src="./image/menu_img4.jpg"/>
							</a>
						</li>
					</ul>
				</ul>
			</div>
		</div>
	</div>
	<div class="collapse navbar-collapse">
		<ul id="menu-nav" class="nav navbar-nav" style="margin-left: 120px; margin-top: -108px; width: 825px;">
			<li>
				<div style="height:28px"></div>
				<button style="margin:0;padding:0;" type="button" class="btn btn-lg" onclick="location.href='/SomeTalk/info.do'">
					<img style="height:39px;width:90px;" src="./image/header1.png"/>
				</button>
			</li>
			<li>
				<div style="height:28px"></div>
				<button style="margin:0;padding:0;" type="button" class="btn btn-lg" onclick="location.href='/SomeTalk/list.do'">
					<img style="height:39px;width:90px;" src="./image/header2.png"/>
				</button>
			</li>
			<li>
				<div style="height:28px"></div>
				<button style="margin:0;padding:0;" type="button" class="btn btn-lg" onclick="location.href='/SomeTalk/myCoupon.do'">
					<img style="height:39px;width:90px;" src="./image/header3.png"/>
				</button>
			</li>
			<li>
				<div style="height:28px"></div>
				<button style="margin:0;padding:0;" type="button" class="btn btn-lg" onclick="location.href='/SomeTalk/messageForm.do'">
					<img style="height:39px;width:90px;" src="./image/header4.png"/>
				</button></li>
			<li>
				<div style="height:28px"></div>
				<button style="margin:0;padding:0;" type="button" class="btn btn-lg" onclick="location.href='/SomeTalk/talk.do'">
					<img style="height:39px;width:90px;" src="./image/header5.png"/>
				</button>
			</li>
			<li>
				<div style="height:28px"></div>
				<button style="margin:0;padding:0;" type="button" class="btn btn-lg" onclick="location.href='/SomeTalk/board.do'">
					<img style="height:39px;width:90px;" src="./image/header6.png"/>
				</button>
			</li>
			<li class="visible-md visible-lg">
				<div style="height:28px"></div>
				<button style="margin:0;padding:0;" type="button" id="mypage" class="btn btn-lg" title="마이페이지" onclick="location.href='/SomeTalk/myPage.do'">
					<img style="height:39px;width:97px;" src="./image/header9.png"/>
				</button>
			</li>
			<li class="dropdown visible-md visible-lg">
				<div style="height:28px"></div>
				<a href="/SomeTalk/logout.do" class="dropdown-toggle" data-toggle="dropdown">
					<button style="margin:0;padding:0;" type="button" id="mypage_btn" class="btn btn-lg">
						<img style="height:39px;width:110px;" src="./image/header10.png"/>
					</button>
				</a>
				<ul class="dropdown-menu">
					<li style="float:left;"><a href="/SomeTalk/modifyMember.do"><img src="./image/menu_img1.jpg" alt="개인정보수정"/></a></li>
					<li style="float:left;"><a href="/SomeTalk/modifyProfil.do"><img src="./image/menu_img2.jpg" alt="프로필수정"/></a></li>
					<li style="float:left;"><a href="/SomeTalk/modifyIdeal.do"><img src="./image/menu_img3.jpg" alt="이상형수정"/></a></li>
					<li style="float:left;"><a href="/SomeTalk/logout.do"><img src="./image/menu_img4.jpg" alt="로그아웃"/></a></li>
				</ul>
			</li>
			<li class="dropdown visible-xs visible-sm">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					<button type="button" id="mypage_btn" class="btn btn-lg">
						<img src="./image/right.png"/>
					</button>
				</a>
				<ul class="dropdown-menu">
					<li style="float:left;"><a href="/SomeTalk/myPage.do"><img src="./image/menu_img9.png" alt="마이페이지"/></a></li>
					<li style="float:left;"><a href="/SomeTalk/modifyMember.do"><img src="./image/menu_img1.jpg" alt="개인정보수정"/></a></li>
					<li style="float:left;"><a href="/SomeTalk/modifyProfil.do"><img src="./image/menu_img2.jpg" alt="프로필수정"/></a></li>
					<li style="float:left;"><a href="/SomeTalk/modifyIdeal.do"><img src="./image/menu_img3.jpg" alt="이상형수정"/></a></li>
					<li style="float:left;"><a href="/SomeTalk/logout.do"><img src="./image/menu_img4.jpg" alt="로그아웃"/></a></li>
				</ul>
			</li>
		</ul>
	</div>
	
</nav>
</div>
</div>



		<!-- <li class="dropdown">
			정보수정 드롭다운
			<a href="#" class="dropdown-toggle" data-toggle="dropdown">
				<button type="button" class="btn btn-lg" title="내 정보수정">
					<span class="glyphicon glyphicon-user"></span>
				</button></a>
			<ul class="dropdown-menu">
				<li><a href="/SomeTalk/modifyMember.do">개인정보수정</a></li>
				<li><a href="/SomeTalk/modifyProfil.do">프로필정보수정</a></li>
				<li><a href="/SomeTalk/modifyIdeal.do">이상형정보수정</a></li>
				<li><a href="/SomeTalk/logout.do">로그아웃</a></li>
			</ul>
		</li> -->